<template>
	<div>
		<tabBar :tabBar="tabBar" @tabChange="tabChange"></tabBar>
	</div>
</template>

<script>
	import tabBar from '@/components/tabBar/index';
	export default {
		name: "tabBar",
		components: {
			tabBar
		},
		data() {
			return {
				tabBar: [{
					pagePath: "pages/demo/tabBar",
					iconPath: "/static/home.png",
					selectedIconPath: "/static/homeOn.png",
					text: "首页"
				}, {
					pagePath: "pages/demo/center",
					iconPath: "/static/center.png",
					selectedIconPath: "/static/centerOn.png",
					text: "用户中心"
				}, {
					iconPath: "/static/scanner.png",
					selectedIconPath: "/static/scanner.png",
					text: "扫一扫",
					midButton: true
				}, {
					pagePath: "pages/demo/nearby",
					iconPath: "/static/nearby.png",
					selectedIconPath: "/static/nearbyOn.png",
					text: "周边设备"
				}, {
					pagePath: "pages/demo/server",
					iconPath: "/static/server.png",
					selectedIconPath: "/static/serverOn.png",
					text: "客服"
				}]
			}
		},
		created() {

		},
		mounted() {

		},
		methods: {
			tabChange(index) {
				console.log(index);
			}
		}
	}
</script>

<style scoped lang='scss'>

</style>
